<template>
	<view class="container">
		<SystemMessages
		ref="pointOut"
		></SystemMessages>
		<button @click="collectMoney">55</button>
	</view>
</template>

<script>
	import SystemMessagesVue from '../../components/SystemMessages/SystemMessages.vue';
	
	export default {
		components: {
			SystemMessagesVue
		},
		data() {
			return {

			};
		},

		onReady: function(e) {
			var context = uni.createCanvasContext('cav')
			 context.setStrokeStyle("#00ff00")
			 context.setLineWidth(5)
			 context.rect(0, 0, 200, 200)
			 context.stroke()
			// context.setStrokeStyle("#ff0000")
			// context.setLineWidth(2)
			// context.moveTo(160, 100)
			// context.arc(100, 100, 60, 0, 2 * Math.PI, true)
			// context.moveTo(140, 100)
			// context.arc(100, 100, 40, 0, Math.PI, false)
			// context.moveTo(85, 80)
			// context.arc(80, 80, 5, 0, 2 * Math.PI, true)
			// context.moveTo(125, 80)
			// context.arc(120, 80, 5, 0, 2 * Math.PI, true)
			// context.stroke()
			 context.draw()
		},
		onLoad() {
		},
		methods: {
			canvasIdErrorCallback: function(e) {
				console.error(e.detail.errMsg)
			},
			collectMoney(){
				this.$refs.pointOut.open();
			}
		},

	};
</script>
<style scoped>

</style>